草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - 使用 google-code-prettify 美化代码的滚动条

我正在使用google-code-prettify用于在我的博客中突出显示语法,该博客托管在blogger上。我的问题是我没有看到滚动条出现在我的预格式化代码块周围,即使代码太宽而无法适应指定的宽度。我正在用格式化代码块publicclassMyVeryVeryLongClassnameextendsMyBaseClassWithAnEvenLongerNameimplementsAnInterface,AnotherInterface,YetAnotherInterface{在我的博客上,滚动条永远不会出现,并且线条超出了帖子栏的右边缘(例如,看看thispost),使它看起来非常难

Vue表单修饰符:v-model.lazy、v-model.number、v-model.trim

表单修饰符有:lazy、number、trim;修饰符加在v-model后面; lazy修饰符:v-model的作用是双向绑定表单,能获取到input输入框的值,而且是实时获取的,就是当你输入框里的值发生改变就会获取到;有时候我们不想实时获取输入框的值,想一段时间获取一次,就可以用这个修饰符;这个修饰符的作用是,绑在v-model上在input标签上使用,当输入框失去焦点的时候才获取的value值;没加lazy之前:效果如下图:加上lazy之后:效果如下图:  代码:{{mytext}}newVue({el:"#box",data:{mytext:""}})上面两个效果图进行比较发现,当没加l

javascript - AngularJS 并在 Controller 中获取窗口滚动位置

我在理解如何在我的Controller中获取窗口的滚动位置时遇到了一些困难,因此我可以围绕它构建逻辑。从我阅读的所有问题和答案中,最被接受的答案似乎是编写一个计算滚动位置的指令,将该指令粘贴到一个元素上,仅此而已。但是,当您想按照以下方式做某事时:if(scrollY>100){$scope.showMenu=true;}if(scrollY>500){$scope.showFooter=true;}这种方法似乎行不通,因为无法从Controller访问指令中计算出的位置。执行此操作的正确“Angular”方法是什么,它仍然允许从Controller执行稍微复杂的逻辑?

javascript - 在 Html2Canvas 中呈现时,页面滚动到顶部

我正在使用html2canvas库,使用以下代码:html2canvas(document.body,{onrendered:function(canvas){document.body.appendChild(canvas);}});当onrendered被触发时,页面会自动滚动到顶部。无论如何我们可以保持我们的滚动位置而不被自动带到页面顶部吗? 最佳答案 我查看了html2canvas.js并看到了以下行:_html2canvas.Parse=function(images,options){window.scroll(0,0)

javascript - 在 Vue.js 中,如何禁用计算属性的缓存?

Before0.12.8,computedpropertiesbehavejustlikegetters-everytimeyouaccessit,thegetterfunctionisre-evaluated.In0.12.8thishasbeenimproved-computedpropertiesarecachedandlazilyre-evaluatedonlywhennecessary.对于我当前的项目,我实际上需要在每次访问时重新评估一些属性。当前惰性评估不起作用的原因是因为在我的一些属性中还有其他不在Vue.js监视下的“动态变量”。 最佳答案

javascript - 什么是 Tree Shaking,我为什么需要它?

我已经开始学习Angular2并遇到了“treeshaking”这个术语,但我无法从初学者的Angular找到任何好的解释。我这里有两个问题:什么是treeshaking,我为什么需要它?如何使用它? 最佳答案 我看到你在这里有三个问题;1。什么是摇树?2.有什么需要?3.以及,你如何使用它?1。什么是treeshaking?treeshaking指的是死代码消除。这意味着在构建过程中未使用的模块将不会包含在包中。WhenweimportandexportmodulesinJavaScript,mostofthetimetherei

javascript - 是否有可能在jquery中找到从底部到当前滚动状态的距离

假设向下滚动到网页的中间。是否可以找到距底部的距离(长度或像素)?就像当滚动条到达底部然后它的0但如果它距离底部500px那么我需要那个500px值。 最佳答案 它不是那么精确但有效:varscrollPosition=window.pageYOffset;varwindowSize=window.innerHeight;varbodyHeight=document.body.offsetHeight;alert(Math.max(bodyHeight-(scrollPosition+windowSize),0));

javascript - 像 Pinterest 一样接管浏览器滚动条的模态窗口

我有一个模态窗口,它显示的内容比浏览器的窗口高度长,所以我需要创建一个模态窗口来接管浏览器的滚动条,就像我们在Pinterest上看到的那样。此外,单击图像将使该图像转换到模态窗口中的位置。注意打开模式如何改变滚动条问题:如何创建相同的模态窗口(接管滚动条)和图像动画?我知道当模态窗口出现时,浏览器地址栏中的URL会发生变化,但您会注意到页面并没有真正发生变化。我可以使用backbone.js做到这一点,所以不用担心。HTML代码Clickme!JS代码$('#showModal').click(function(){$('.modal').show();});

javascript - 停止 jQuery draggable 从屏幕上滚动

当在div元素上使用可拖动的jQueryUI时,您可以将元素“拖离”页面的右侧,但页面只会扩展并随元素自动滚动。这是有问题的,因为我试图在元素到达窗口右侧时启动一个事件。一个警告是我不能简单地绑定(bind)div以使其不能离开,因为我希望当你的光标遇到边缘而不是div时停止拖动(尝试将它拖离左侧以了解我的意思,我只是想要在右侧复制它)。我尝试过的:body{overflow:hidden;}-乍一看有效,但如果您仔细检查,body实际上正在滚动,只是没有可见的滚动条。另外,这是要在插件中使用的,所以我不能限制用户只能溢出:隐藏的body。创建窗口大小/固定位置的包装器div以触发事件

javascript - 禁用 IOS Safari 弹性滚动

我正在用HTML和JavaScript编写一个用于iPhone的网络应用程序。我想要实现的是防止应用程序弹性滚动(滚动超过页面范围并弹回)。但是,我的应用程序需要一些较长的元素才能滚动(该应用程序有一个长Canvas)。我已经尝试了很多在互联网上其他地方找到的这个问题的答案,但是,所有这些解决方案要么使用了JQuery,完全禁用了滚动,要么使用了Phonegap,要么只是在IOS7上根本不起作用。我该怎么做? 最佳答案 有一种方法可以不用jQuery来实现:document.body.addEventListener('touchm